<script>
$(document).ready(function(){
    var sogiay = 600;// Số thời gian cần đếm tính bằng giây
    var p = sogiay/60;
    var sophut = Math.floor(p);
    var phandu = sogiay%60+1;
    var down = setInterval(
    countDown,1000
    );
    
    function countDown(){
       phandu--;
       // Nếu số phút vẫn khác 0 thì set phandu= 60 để đếm tiếp
       if(phandu == 0 && sophut !=0){
          sophut--;
          phandu = 60;
       }
       // khi số phút = 0 và số giây = 0  thì kết thúc đếm
       if(sophut == 0 && phandu == 0)
            {
                clearInterval(down);
                // Khi đếm hết thời gian.
                $('#subjects_test').submit();
            }
       $('#sogiay').val(phandu);
       $('#sophut').val(sophut);
    }
});
</script>
<style>
.count_down
{
    position:fixed;
    top:45%;
    left:0px;
    background: #0075BE;
    padding: 10px;
}
.count_down input
{
    border:none;
    color:#333;
    border-radius:50%;
    background:#fff;
    font-weight:bold;
    height:35px;
    width:35px;
    text-align:center;
    font-size:20px;
}
.count_down span
{
    font-weight:bold;
    color:#fff;
    font-size:18px;
}
</style>
<div class="count_down">
<input id="sophut" size="2" type="text" />
<span>:</span>
<input id="sogiay" size="2"  type="text" />
</div>
<section class="row3 wrapper min720">
    <?php $this->load->view('com_tutors/views_steps_success.php'); ?>
    <article class="pading10 clearfix returndata">
        <p class="heading-24 colorff9900">Bài test môn <?php echo $monhoc->title; ?></p>
        <p class="heading-16 color777">
        Dưới đây là bài test môn <b><?php echo $monhoc->title; ?></b> của bạn.  Hoàn thành bài test sẽ giúp bạn có cơ hội nhận lớp gấp 4 lần.
        </p>
        <br />
        <br />
        <br />
            <section class="wrapper" style="padding-bottom: 50px;">
            <?php $i=0; if(!empty($baitest)) { ?>
            <form id="subjects_test" action="" method="POST">
                <?php foreach ($baitest as $bt) { $i++; ?>
                <div class="list_test_item">
                    <h4>Câu hỏi <?php echo $i; ?></h4>
                    <p class="question_test"><?php echo $bt->content; ?></p>
                    <div class="content_test">
                        <ul>
                            <li><p><input type="radio" name="dung<?php echo $i; ?>" value="1" />A.<span><?php echo $bt->a; ?></span></p></li>
                            <li><p><input type="radio" name="dung<?php echo $i; ?>" value="2" />B.<span><?php echo $bt->b; ?></span></p></li>
                            <li><p><input type="radio" name="dung<?php echo $i; ?>" value="3" />C.<span><?php echo $bt->c; ?></span></p></li>
                            <li><p><input type="radio" name="dung<?php echo $i; ?>" value="4" />D.<span><?php echo $bt->d; ?></span></p></li>
                        </ul>
                    </div>
                    <input type="hidden" name="idbaitest<?php echo $i; ?>" value="<?php echo $bt->id; ?>" />
                </div>
            <?php } ?>
            <input type="submit" value="Hoàn thành bài test" name="chamdiem" class="btn_view" style="width: 150px;border:none;cursor:pointer" />
            </form>
            <?php } else { echo '<p class="heading-16 color777">Bài test cho môn học này chưa được cập nhật.</p><script>setTimeout(function(){location.assign("'.base_url().'gia-su/mon-hoc.html");},3000);</script>'; } ?>
            </section>
    </article>
</section>
<style>
.list_test_item
{
    margin:10px 0px;
    border-bottom:1px dashed #ccc;
    padding-bottom:15px;
}
.list_test_item:last-child
{
    border:none;
}
.content_test
{
    margin:10px 0px;
}
.content_test ul li
{
    list-style:none;
}
</style>